// 单位移除
// @param {Number} $value - 需要移除单位的
// @return {Number} - 无单位的数字
@function trim-unit($value) {
  @if type-of($value) == 'number' and not unitless($value) {
    @return $value / ($value * 0 + 1);
  }
  @return $value;
}

@function uni-unit($value) {
	@if not unitless($value) {
		$value: trim-unit($value);
	}
	@return ($value * 2) * 1rpx;
}

page {
    background-color: $uni-bg-color-grey;
}
// 链接按钮
.wo-button-link {
    width: 100%;
    height: uni-unit(30px);
    line-height: uni-unit(30px);
    text-align: center;
}
// 分步区域
.wo-step-head {
    background-color: $uni-bg-color;
    padding: uni-unit(10px);
    text-align: center;
    .wo-step-title {
        color: $uni-color-title;
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
    }
    .wo-step-excerpt {
        font-size: 12px;
        line-height: 25px;
    }
}
.wo-step-body {
    background-color: $uni-bg-color;
    padding: uni-unit(10px);
}

// region 居中表单 +++++
.wo-form-center {
    text-align: center;
    .u-form-item--left__content {
        justify-content: center;
        padding-right: 0 !important;
        .u-form-item--left__content--required {
            position: initial;
        }
        .u-form-item--left__content__label {
            flex: initial;
        }
    }
    .u-form-item--right__content {
        .u-input__right-icon--select {
            // display: none;
        }
    }
}
// endregion

// 单位列表
.wo-unit-list {
    padding: uni-unit(10px);
    .wo-unit-item {
        display: flex;
        padding: uni-unit(10px);
        border-radius: uni-unit(10px);
        margin-bottom: uni-unit(10px);
        background-color: #fff;
        &::after {
            border-radius: uni-unit(10px);
        }
        .wo-unit-image {
            width: uni-unit(45px);
            height: uni-unit(45px);
        }
        .wo-unit-info {
            flex: 1;
            padding-left: uni-unit(10px);
        }
        .wo-unit-action {
            display: flex;
            align-items: center;
        }
        .wo-unit-name {
            height: uni-unit(25px);
            line-height: uni-unit(25px);
            font-size: uni-unit(14px);
        }
        .wo-unit-address {
            height: uni-unit(20px);
            line-height: uni-unit(20px);
            font-size: uni-unit(12px);
        }
    }
}


// region 卡片组件样式 +++++
// 通栏卡片
.u-card-full {
    .wo-card-head {
        display: flex;
        justify-content: space-between;
        .wo-card-title {
            font-size: uni-unit(16px);
        }
        .wo-card-more {
            font-size: uni-unit(12px);
        }
    }
}
// endregion

// region 弹窗面板 +++++
.wo-panel-popup {
    padding: uni-unit(10px);
    .wo-panel-head {
        height: uni-unit(35px);
        line-height: uni-unit(35px);
        font-size: uni-unit(18px);
        color: $uni-text-color;
    }
    .wo-panel-body {
        padding: uni-unit(10px);
        .uni-scroll-view {
            height: uni-unit(350px);
        }
    }
    .wo-panel-foot {
        
    }
}
// endregion